import { List, PageHeader } from 'antd'
import React from 'react'

const ContentList = (props: any) => {
  const data = props.content.map((item: any) => {
    return item.name
  })

  return (
    <>
      <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center' }}>
        <div style={{backgroundColor: '#0878A2', width: `5px`, height: `20px`}}/>
        <PageHeader title={`下一节点任务:(${data.length})`} />
      </div>
      <List
        size="large"
        bordered
        dataSource={data}
        renderItem={(item: any) => <List.Item>{item}</List.Item>}
        pagination={{ simple: true }}
      />
    </>
  )
}

export default ContentList
